@font-face {

    font-family: "FoundryFormSans Bold";

    src: url("https://images.hanlonsonline.co.uk/Lewisham/fonts/FoundryFormSans Bold.otf");

    font-weight: 700;

    font-style: normal;

}

@font-face {

    font-family: "Dosis-Regular";

    src: url("https://images.hanlonsonline.co.uk/Newham/fonts/static/Dosis-Regular.ttf");

    font-weight: 700;

    font-style: normal;

}

h1.about-us {
    color: #1e3451;
    font-family: "OpenSans", sans-serif;
    line-height: 1.5em;
}

img.lewisham-logo {
    width: 105px;
    margin-top: 10px;
}

img#imageThree {
    width: 116px !important;
    margin-left: 3% !important;
    margin-top: 7px !important;
}

.navbar {
    margin-bottom: unset;
    background-color: #1E3451;
}

li#login-btn {
    border: 1px solid #fff;
    border-radius: 8px;
    background: #007e8f;
}

li#register-btn-white {
    border: 1px solid #fff;
    margin-left: 10px;
    border-radius: 8px;
    background: #007e8f;
}

li#login-btn:hover {
    background: #fff !important;
    transition: 0.6s;
}

li#register-btn-white:hover {
    background-color: #fff !important;
    transition: 0.6s;
}

a#home {
    transition: 0.6s;
}

a#home:focus {
    color: #fff;
}

a#home:hover {
    transition: 0.6s;
    background: #fff;
    color: #000;
}

a#jobs {
    transition: 0.6s;
}

a#jobs:focus {
    color: #fff;
}

a#jobs:hover {
    transition: 0.6s;
    background: #fff;
    color: #000;
}

a#resources {
    transition: 0.6s;
    margin-right: 10px;
}

a#resources:focus {
    color: #fff;
}

a#resources:hover {
    transition: 0.6s;
    background: #fff;
    color: #000;
}

a#contact {
    transition: 0.6s;
    margin-right: 10px;
}

a#contact:focus {
    color: #fff;
}

a#contact:hover {
    transition: 0.6s;
    background: #fff;
    color: #000;
}

a#about {
    transition: 0.6s;
}

a#about:hover {
    transition: 0.6s;
    background: #fff;
    color: #000;
}

html {
    overflow-x: hidden;
}

input#btnRegister:hover {
    background: #fff;
    color: #000;
    transition: 0.6s;
}

.navbar {
    margin-bottom: unset;
    background-color: #1E3451;
}

h1 {
    opacity: 1;
    font-family: "OpenSans", sans-serif;
    color: #000;
}

.homepage-title {
    font-weight: 800;
    color: #000;
    font-family: "OpenSans", sans-serif;
}

/* .homepage-wrapper {
    background-image: linear-gradient(180deg, rgba(255, 0, 0, 0), rgb(239 58 3 / 50%));
} */

#myCarousel .nav a small {
    display: block;
}

#myCarousel .nav {
    background: #eee;
}

#myCarousel .nav a {
    border-radius: 0px;
}

.carousel-text-one {
    color: #fff !important;
    font-family: "OpenSans", sans-serif;
}

.carousel-text-two {
    color: #fff !important;
    font-family: "OpenSans", sans-serif;
}

.carousel-text-three {
    color: #fff !important;
    font-family: "OpenSans", sans-serif;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:hover,
.nav-pills>li.active>a:focus {
    color: #fff !important;
    background-color: #1E3451;
    transition: 0.6s;
}

h2.block-one {
    margin-left: 30px;
    font-family: "OpenSans", sans-serif;
}

p.block-one-text {
    margin-left: 30px;
}

a#opportunitiesBtn {
    background: #007e8f;
}

a#opportunitiesBtn:hover {
    background: #fff;
    color: #000;
    transition: 0.6s;
}

a#opportunitiesBtnTwo {
    background: #007e8f;
}

a#opportunitiesBtnTwo:hover {
    background: #fff;
    color: #000;
    transition: 0.6s;
}

a#opportunitiesBtnThree {
    background: #007e8f;
}

a#opportunitiesBtnThree:hover {
    background: #fff;
    color: #000;
    transition: 0.6s;
}

img#imageOne {
    width: 100%;
}

img#secondImage {
    width: 100%;
}

#opp-btn {
    color: white;
    width: 100%;
    text-align: left;
    border-radius: 0px;
    font-size: 24px;
    background: #1E3451;
}

#opp-btn:hover {
    background: #fff;
    color: #1E3451;
    transition: 0.6s;
}

#find-btn {
    color: white;
    width: 100%;
    text-align: left;
    border-radius: 0px;
    font-size: 24px;
    background: #1E3451;
}

a#find-btn:hover {
    background: #fff;
    color: #1E3451;
    transition: 0.6s;
}

h2#vacancies-title-one {
    text-align: left;
    margin-left: 10px;
    font-family: "OpenSans", sans-serif;
}

h2#vacancies-title-two {
    text-align: left;
    margin-left: 10px;
    font-family: "OpenSans", sans-serif;
}

h2#vacancies-title-three {
    text-align: left;
    margin-left: 10px;
    font-family: "OpenSans", sans-serif;
}

p#vacancies-text-one {
    text-align: left;
    margin-left: 10px;
    font-family: "OpenSans", sans-serif;
}

p#vacancies-text-two {
    text-align: left;
    margin-left: 10px;
    font-family: "OpenSans", sans-serif;
}

p#vacancies-text-three {
    text-align: left;
    margin-left: 10px;
    font-family: "OpenSans", sans-serif;
}

a.btn.btn-primary.vacancy-panel-applybutton.link {
    background: #1E3451;
}

.vacancy-panel-title {
    color: #1E3451;
    font-size: 1.375em;
    min-height: 60px;
    display: inline-block;
    font-weight: bold;
    font-family: "OpenSans", sans-serif;
}

.vacancy-panel {
    min-height: 340px;
    color: #1c2630;
    font-size: 1.125em;
    border: 2px solid #000035;
    font-family: "OpenSans", sans-serif;
}

.panel {
    border-radius: 7px;
    box-shadow: 0 4px 15px rgb(0 0 0 / 50%);
    border: transparent !important;
}

hr.vacancy-panel-divider {
    background: linear-gradient(to right, #1E3451, #3e69a4);
    height: 2px;
}

hr.opportunities {
    margin-top: 0px;
    border-top: 1px solid #000;
}

h2.homepage-title-two {
    text-align: center;
    font-weight: 800;
    color: #000;
}

hr.register-divider {
    width: 170px;
    border-top: 1px solid #000;
    color: #000;
}

p.register-text {
    text-align: center;
    color: #000;
    font-family: "OpenSans", sans-serif;
}

label#ctl00_mCPH_UsernameInputLabel {
    font-size: 18px !important;
    font-family: "OpenSans", sans-serif;
}

.panel-body {
    padding: 15px;
    text-align: center;
    font-family: "OpenSans", sans-serif;
    min-height: 150px;
    background: #fff;
}

.panel-heading {
    font-size: 1.125em;
    text-align: center;
    font-family: "OpenSans", sans-serif;
    font-size: 24px !important;
    font-weight: 600;
}

div#thirdPanel {
    min-height: 296px;
}

a#clientBtn {
    margin-left: 32%;
}

a#clientBtn:hover {
    color: #000;
    background: #fff;
    transition: 0.6s;
}

.registration-text {
    text-align: center;
    color: #000 !important;
    font-size: 32px;
    font-weight: bold;
}

a#employerBtn {
    margin-left: 32%;
}

a#employerBtn:hover {
    color: #000;
    background: #fff;
    transition: 0.6s;
}

a#providerBtn {
    margin-left: 32%;
}

a#providerBtn:hover {
    color: #000;
    background: #fff;
    transition: 0.6s;
}

input#btnRegister:hover {
    background: #fff !important;
    color: #000 !important;
    transition: 0.6s;
}

a#btn1 {
    background: #1E3451;
    color: #fff;
}

a#btn2 {
    background: #1E3451;
    color: #fff;
}

a#btn3 {
    background: #1E3451;
    color: #fff;
}

a#btnPanelOne {
    background: #1E3451;
    color: #fff;
}

a#btnPanelOne:hover {
    color: #000;
    background: #fff;
    transition: 0.6s;
}

a#btnPanelTwo {
    background: #1E3451;
    color: #fff;
}

a#btnPanelTwo:hover {
    color: #000;
    background: #fff;
    transition: 0.6s;
}

a#btnPanelThree {
    background: #1E3451;
    color: #fff;
}

a#btnPanelThree:hover {
    color: #000;
    background: #fff;
    transition: 0.6s;
}

a#btnPanelThree {
    background: #1E3451;
    color: #fff;
}

a#btnPanelThree:hover {
    color: #000;
    background: #fff;
    transition: 0.6s;
}

a#btn1:hover {
    color: #000;
    background: #fff;
    transition: 0.6s;
}

a#btn2:hover {
    color: #000;
    background: #fff;
    transition: 0.6s;
}

a#btn3:hover {
    color: #000;
    background: #fff;
    transition: 0.6s;
}

a#btn4:hover {
    color: #000;
    background: #fff;
    transition: 0.6s;
}


a#btn5:hover {
    color: #000;
    background: #fff;
    transition: 0.6s;
}

.panel-primary>.panel-heading {
    color: #fff;
    background: #1E3451;
    border-color: #000;
    font-size: 20px !important;
}

input#btnProceedToWizard {
    background: #1E3451;
    color: #fff;
}

input#btnProceedToWizard:hover {
    color: #000;
    background: #fff;
    transition: 0.6s;
}

p#pageContentFive {
    margin-bottom: 30px;
}

input.btn.btn-secondary.button.button__submit.button__submit--alt:hover {
    color: #000;
    background: #fff;
    transition: 0.6s;
}

#ctl00_mCPH_ctrlBusinessSignup_ctrlRegistrationWizard_wiz>tbody>tr>td:nth-child(2)>table>tbody>tr:nth-child(1)>td>table.wizardGeneralItem>tbody>tr>td.mandatory,
#ctl00_mCPH_ctrlBusinessSignup_ctrlRegistrationWizard_wiz>tbody>tr>td:nth-child(2)>table>tbody>tr:nth-child(1)>td>table.wizardGeneralItem>tbody>tr>td.prompt,
#ctl00_mCPH_ctrlBusinessSignup_ctrlRegistrationWizard_wiz>tbody>tr:nth-child(1)>td>table.wizardGeneralItem>tbody>tr>td.mandatory,
#ctl00_mCPH_ctrlBusinessSignup_ctrlRegistrationWizard_wiz>tbody>tr:nth-child(1)>td>table.wizardGeneralItem>tbody>tr>td.prompt {
    width: 100% !important;
    background: #1E3451;
}

.btn-primary,
#ctl00_mCPH_ctrlBusinessSignup_ctrlRegistrationWizard_wiz_FinishNavigationTemplateContainerID_FinishButton,
body>div.ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-front.ui-dialog-buttons.ui-draggable.ui-resizable>div.ui-dialog-buttonpane.ui-widget-content.ui-helper-clearfix>div>button:nth-child(1) {
    background: #1E3451;
    border-color: #000;
    color: white;
}

.heading {
    color: #000;
}

#GoogleAddressDialog .modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background: #1E3451 !important;
    color: #FFF !important;
    font-weight: 700;
}

button.btn.btn-default.button.button__submit {
    background: #1E3451 !important;
    color: #fff !important;
}

button.btn.btn-default.button.button__submit:hover {
    background: #fff !important;
    color: #000 !important;
    transition: 0.6s;
}

button.btn.btn-default.button.button__submit.button__submit--alt {
    background: #1E3451 !important;
    color: #fff !important;
}

button.btn.btn-default.button.button__submit.button__submit--alt:hover {
    background: #fff !important;
    color: #000 !important;
    transition: 0.6s;
}

h4#GoogleAddressDialogTitle {
    color: #fff;
}

#VacanciesTable_previous>a {
    color: #fff;
    background: #1e3451;
    border-color: #000;
}

#VacanciesTable_next>a {
    color: #fff;
    background: #1e3451;
    border-color: #000;
}

.pagination>.active>a,
.pagination>.active>span,
.pagination>.active>a:hover,
.pagination>.active>span:hover,
.pagination>.active>a:focus,
.pagination>.active>span:focus {
    background-color: #1e3451;
    border-color: #1e3451;
}

th.sorting_asc {
    background: #1e3451;
    color: #fff;
}

th.sorting {
    background: #1e3451;
    color: #fff;
}

th.sorting_disabled {
    background: #1e3451;
    color: #fff;
}

table.dataTable thead .sorting:after {
    color: #fff;
    opacity: 0.5;
}

table.dataTable thead .sorting_asc:after {
    content: "\e155";
    color: #fff !important;
}

caption {
    color: #000;
    font-size: 24px;
    font-family: "OpenSans", sans-serif;
    font-weight: 600;
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
    font-family: "OpenSans", sans-serif;
}

th#DistanceLabel {
    font-family: "OpenSans", sans-serif;
    font-weight: 600 !important;
    color: #000;
}

div#VacanciesTable_info {
    color: #000;
    font-family: "OpenSans", sans-serif;
}

td.sorting_1 {
    color: #000;
}

td {
    color: #000;
}

input#OpenGoogleDirectionsButton:hover {
    background: #fff;
    transition: 0.6s;
}

input#ctl00_mCPH_ApplyButton:hover {
    background: #fff;
    transition: 0.6s;
}

.text-info {
    color: #000;
}

img#resourceOne {
    width: 100%;
}

img#resourceTwo {
    width: 100%;
}

img#resourceThree {
    width: 100%;
}

img#resourceFour {
    width: 100%;
}

p.help-card-text {
    font-size: 16px;
    color: #000;
}

a.help-card-link {
    font-size: 18px;
    color: #000;
}

i.fas.fa-angle-down {
    float: right;
}

i.fas.fa-angle-up {
    float: right;
    color: #fff;
}

.bulletPointList {
    text-align: left;
}

.bulletPointListTwo {
    text-align: left;
}

li {
    margin: 0.5em 0 0 8px;
    position: relative;
    color: #000;
}

li::marker {
    color: #009EB3;
    font-size: x-large;
    width: 1em;
}

td#ctl00_mCPH_ctrlBusinessSignup_ctrlRegistrationWizard_wiz_CellControl_txtWorkMobile_Row1_Cell5 {
    display: none;
}

input#ctl00_mCPH_ctrlBusinessSignup_ctrlRegistrationWizard_wiz_txtWorkMobile_Row3_Cell5 {
    display: none;
}

.tile-news-item-image-div {
    text-align: center;
    border: 2px solid #1e3451;
    margin-bottom: 30px;
    border-width: 8px;
    border-style: double;
    border-radius: 16px;
}

.registration-text {
    text-align: center;
    color: #FFF !important;
    font-size: 32px;
    font-weight: bold;
}

.registration-text-background {
    width: 100%;
    background: #1e3451;
    padding: 15px;
    margin-bottom: 30px;
}

#VacanciesTable_previous>a {
    color: #ffffff;
    font-weight: bold;
}

#VacanciesTable_next>a {
    color: #ffffff;
    font-weight: bold;
}

/* @media screen and (min-device-width: 1600px) and (max-device-width: 2560px) {
.navbar-nav {
    float: right;
    width: 60% !important;
}
} */
/* @media screen and (min-device-width: 2000px) and (max-device-width: 2560px) {
    #find-btn {
        margin-top: 32px !important;
    }

    #opp-btn2 {
        margin-top: 32px !important;
    }
}

@media screen and (min-device-width: 1537px) and (max-device-width: 1880px) {
    #find-btn {
        margin-top: 27px;
    }

    #opp-btn {
        margin-top: 27px;
    }
} */

@media (min-width: 993px) and (max-width: 1714px) {

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        margin-top: -85px !important;
    }
}

@media screen and (min-device-width: 1441px) and (max-device-width: 1536px) {
    #opp-btn {
        margin-top: 36px;
    }

    #opp-btn2 {
        margin-top: 37px;
    }

    a#btnPanelThree {
        background: #1E3451;
        color: #fff;
        margin-top: -10%;
    }

}

@media screen and (min-device-width: 1439px) and (max-device-width: 1440px) {
    .navbar-nav {
        float: right;
        margin-top: -6%;
    }

    a#btnPanelThree {
        margin-top: -10%;
    }
}

@media screen and (max-width: 1440px) {
    a#btnPanelThree {
        margin-top: -10%;
    }

    img#imageThree {
        margin-left: 15px !important;
    }

    a#opp-btn {
        margin-top: 19.5%;
    }

    a#opp-btn2 {
        margin-top: 19.5%;
    }

    #find-btn {
        margin-top: 52px;
    }

    .navbar-nav {
        float: right;
        margin-top: 0% !important;
    }
}

@media screen and (min-device-width: 1280px) and (max-device-width: 1439px) {

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        margin-top: -85px !important;
    }

    .panel-primary>.panel-heading {
        font-size: 22px !important;
    }
}

@media screen and (max-width: 1316px) {
    img#secondImage {
        width: 200px !important;
        margin-left: 0% !important;
    }
}

@media screen and (max-width: 1280px) {
    img#secondImage {
        width: 200px !important;
        margin-left: 0% !important;
    }

    div#jobOne {
        min-height: 190px;
    }

    div#jobTwo {
        min-height: 190px;
    }

    div#jobThree {
        min-height: 190px;
    }

    div#jobFour {
        min-height: 190px;
    }

    h3.carousel-title-one {
        color: #fff;
        margin-top: 0%;
    }

    h3.carousel-title-two {
        color: #fff;
        margin-top: 0%;
    }

    h3.carousel-title-three {
        color: #fff;
        margin-top: 0%;
    }

    .panel-body {
        min-height: 190px;
    }

    div#thirdPanel {
        min-height: 340px;
    }

    a#btnPanelThree {
        margin-top: -15%;
    }
}

@media screen and (min-device-width: 1230px) and (max-device-width: 1280px) {
    img#carouselImgOne {
        height: 370px !important;
    }

    img#carouselImgTwo {
        height: 370px !important;
    }

    img#carouselImgThree {
        height: 370px !important;
    }
}

@media screen and (max-width: 1244px) {
    img#secondImage {
        width: 170px !important;
        margin-left: 0% !important;
    }
}

@media screen and (max-width: 1208px) {
    img#secondImage {
        width: 170px !important;
        margin-left: 0% !important;
    }

    img#imageThree {
        width: 100px !important;
    }

    img.lewisham-logo {
        width: 80px !important;
    }
}

@media screen and (max-width: 1200px) {
    img.lewisham-logo {
        width: 80px !important;
        margin-left: -50% !important;
    }

    /* img#imageTwo {
        margin-left: -50% !important;
    } */
    img#imageThree {
        margin-left: -2% !important;
        margin-top: 0px !important;
    }

    .navbar-nav {
        float: right;
        margin-top: 1% !important;
        font-size: 12px;
    }

}

/* @media screen and (min-device-width: 1025px) and (max-device-width: 1200px) {
    img#imageTwo {
        margin-left: -50% !important;
    }
    img#imageThree {
        margin-left: -50% !important;
    }
    img.lewisham-logo {
        width: 80px !important;
        margin-left: -50% !important;
    }
}  */
@media screen and (min-device-width: 1023px) and (max-device-width: 1024px) {
    .navbar-nav {
        float: right;
        margin-top: -6%;
    }
}

@media screen and (max-width: 1024px) {
    a#btnPanelOne {
        margin-top: -13%;
    }

    a#find-btn {
        margin-top: 14%;
    }

    div#secondPanel {
        min-height: 346px !important;
    }

    div#thirdPanel {
        min-height: 346px;
    }

    #opp-btn {
        margin-top: 10%;
    }

    img.lewisham-logo {
        width: 75px;
        margin-top: 25px;
    }

    img#imageThree {
        margin-left: 15px !important;
        width: 90px !important;
        margin-top: 18px !important;
    }

    img#secondImage {
        width: 175px !important;
        margin-left: 0px !important;
        margin-top: 20px !important;
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        top: 0% !important;
        padding-bottom: 30px;
    }

    a#opportunitiesbtn {
        background: #1E3451;
        margin-top: -3%;
    }

    img#carouselImgOne {
        height: 325px;
    }

    img#carouselImgTwo {
        height: 325px;
    }

    img#carouselImgThree {
        height: 325px;
    }

    a#opp-btn {
        margin-top: 29%;
    }

    a#find-btn {
        margin-top: 33.5%;
    }

    ul.nav.navbar-nav {
        font-size: 12px;
    }

    img.lewisham-logo {
        width: 75px !important;
        margin-left: -10% !important;
    }
}

@media screen and (max-width: 992px) {
    ul.nav.navbar-nav {
        font-size: 12px;
        left: 0%;
        position: relative;
    }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #ccc;
        margin-top: -80px !important;
    }
}

@media screen and (max-width: 991px) {
    ul.nav.navbar-nav {
        font-size: 12px;
        left: 55%;
        position: relative;
    }

}

@media screen and (max-width: 991px) {
    img.lewisham-logo {
        width: 75px !important;
        margin-left: -100% !important;
    }

    img#imageThree {
        margin-left: -9% !important;
        width: 90px !important;
        margin-top: 18px !important;
    }

    ul.nav.navbar-nav {
        font-size: 12px;
        left: 16%;
        position: relative;
    }
}

@media screen and (max-width: 964px) {
    img.lewisham-logo {
        width: 75px !important;
        margin-left: -143% !important;
    }

    img#secondImage {
        width: 130px !important;
        margin-left: 0px !important;
        margin-top: 20px !important;
    }

    img#imageThree {
        margin-left: -14% !important;
        width: 90px !important;
        margin-top: 18px !important;
    }

    ul.nav.navbar-nav {
        font-size: 12px;
        left: 8%;
        position: relative;
    }
}

@media screen and (max-width: 957px) {
    ul.nav.navbar-nav {
        font-size: 12px;
        left: 13%;
        position: relative;
    }

    img#imageThree {
        margin-left: -10% !important;
        width: 90px !important;
        margin-top: 18px !important;
    }

    img.lewisham-logo {
        width: 75px !important;
        margin-left: -110% !important;
    }
}

@media screen and (max-width: 924px) {
    .navbar-inverse .navbar-nav>li>a {
        color: #fff;
        font-weight: 600;
        padding: 10px;
    }

}

@media screen and (max-width: 911px) {
    ul.nav.navbar-nav {
        font-size: 12px;
        left: 7%;
        position: relative;
    }
}

@media screen and (max-width: 894px) {
    img#imageThree {
        margin-left: -5% !important;
        width: 90px !important;
        margin-top: 18px !important;
    }

    img.lewisham-logo {
        width: 75px !important;
        margin-left: -75% !important;
    }
}

@media screen and (max-width: 841px) {
    img.lewisham-logo {
        width: 75px !important;
        margin-left: -62% !important;
    }
}

@media screen and (max-width: 837px) {
    ul.nav.navbar-nav {
        font-size: 10px;
        left: 2%;
        position: relative;
    }
}

@media screen and (max-width: 812px) {
    img#imageThree {
        margin-left: -2% !important;
        width: 90px !important;
        margin-top: 18px !important;
    }

    img.lewisham-logo {
        width: 75px !important;
        margin-left: -35% !important;
    }
}

@media screen and (min-device-width: 767px) and (max-device-width: 768px) {
    img#imageThree {
        margin-left: 30px !important;
        width: 90px !important;
    }

    .navbar-nav {
        margin-top: -60px;
    }

    img.lewisham-logo {
        width: 75px !important;
        margin-left: 25% !important;
    }

    ul.nav.navbar-nav {
        font-size: 10px;
        margin-top: 2% !important;
    }
}

@media only screen and (max-width: 768px) {
    ul.nav.navbar-nav {
        font-size: 10px;
        margin-top: 2% !important;
    }
}

@media screen and (min-width: 768px) {
    .carousel-caption {
        top: 30%;
    }

}

@media screen and (max-width: 768px) {
    a#btnPanelOne {
        margin-left: 3% !important;
    }

    a#btnPanelTwo {
        margin-left: 3% !important;
    }

    a#btnPanelThree {
        margin-left: 3% !important;
    }

    img#imageThree {
        margin-left: 3% !important;
        width: 90px !important;
        margin-top: 18px !important;
    }

    .carousel-caption {
        right: 20%;
        left: 20%;
        top: 30%;
        padding-bottom: 30px;
    }

    .navbar-nav {
        margin-top: -60px;
        font-size: 12px;
    }

    div#carouselCaptionTwo {
        top: 5%;
    }

    div#carouselCaptionThree {
        top: 5%;
    }

    img.lewisham-logo {
        width: 65px;
        /* margin-top: 10px; */
    }

    .navbar-inverse .navbar-nav>li>a {
        padding: 5px;
    }

    /* ul.nav.navbar-nav {
        font-size: 12px;
        margin-top: 20px !important;
    } */

    img#secondImage {
        width: 125px !important;
        margin-left: 0% !important;
    }


    .carousel-caption {
        top: -9%;
        font-size: 16px;
    }

    a#find-btn {
        margin-top: 5%;
    }

    a#opp-btn {
        margin-top: 3%;
    }

    a#opp-btn2 {
        margin-top: 3%;
    }

    a#opportunitiesbtn {
        background: #1E3451;
        margin-top: -25px !important;
    }
}

@media screen and (max-width: 767px) {
    img.lewisham-logo {
        width: 75px !important;
        margin-left: 30% !important;
    }

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        border-color: #ccc;
        margin-top: 0px !important;
    }

    /* li#login-btn {
        border: 1px solid #fff;
        border-radius: 8px;
        background: #007e8f;
        width: 46%;
    } */
    ul.nav.navbar-nav {
        font-size: 14px;
        margin-top: -5% !important;
    }

    li#login-btn {
        width: 46%;
    }
}

@media screen and (max-width: 540px) {
    ul.nav.navbar-nav {
        font-size: 10px;
        margin-left: 0% !important;
    }

    .login-btn-loggedout {
        width: 46%;
    }

    img.lewisham-logo {
        width: 75px !important;
        margin-left: 23% !important;
    }
}

@media screen and (max-width: 425px) {

    .navbar-inverse .navbar-collapse,
    .navbar-inverse .navbar-form {
        margin-top: 15px !important;
    }


    .navbar-nav {
        font-size: 16px;
    }

    .carousel-text-one {
        color: #fff !important;
        font-size: 12px;
    }

    img#carouselImgTwo {
        height: 350px;
        background-size: cover;
    }

    .carousel-text-two {
        color: #fff !important;
        font-size: 12px;
    }

    img#carouselImgThree {
        height: 350px;
        background-size: cover;
    }

    .carousel-text-three {
        color: #fff !important;
        font-size: 12px;
    }

    a#opportunitiesbtn {
        background: #1E3451;
        margin-left: -20px;
    }

    img.lewisham-logo {
        margin-left: 11%;
    }

    li#login-btn {
        width: 44%;
    }

    img#secondImage {
        width: 160px !important;
        margin-left: 30% !important;
    }
}

@media screen and (max-width: 412px) {
    .opportunity-btn {
        background: #1E3451;
        margin-left: -50px !important;
    }
}

@media screen and (max-width: 393px) {
    .opportunity-btn {
        background: #1E3451;
        margin-left: -50px !important;
    }
}

@media screen and (max-width: 390px) {
    a#opportunitiesbtn {
        background: #1E3451;
        margin-left: -31px;
    }

}

@media screen and (max-width: 375px) {
    img.lewisham-logo {
        width: 75px !important;
        margin-left: 24% !important;
    }

    img#secondImage {
        width: 175px !important;
        margin-left: 22% !important;
    }

    img#imageThree {
        width: 100px !important;
    }

    .opportunity-btn {
        margin-left: -40px !important;
    }
}

@media screen and (max-width: 320px) {
    img#imageThree {
        width: 100%;
        width: 100px !important;
    }

    img.lewisham-logo {
        width: 100px;
        margin-top: 10px;
        margin-left: 13%;
    }

    .opportunity-btn {
        margin-left: -58px !important;
    }

    a#opportunitiesbtn {
        background: #1E3451;
        margin-top: -25px !important;
        margin-left: -40px !important;
    }

    li#register-btn-white {
        width: 45%;
    }

    a#find-btn {
        font-size: 14px;
    }

    a#opp-btn {
        font-size: 14px;
    }

    a#opp-btn2 {
        font-size: 14px;
    }
}

@media screen and (max-width: 280px) {
    img.lewisham-logo {
        width: 75px !important;
        margin-left: 35% !important;
    }

    img#secondImage {
        width: 175px !important;
        margin-left: 15% !important;
    }

    img#imageThree {
        margin-left: 33% !important;
        width: 90px !important;
        margin-top: 18px !important;
    }
}